<template>
  <div>
    <h1>Parent</h1>
    <hr />
    <Child
      name="张文清"
      :age="22"
      :isMan="true"
      :address="address"
      :hobby="hobby"
      @myevent="getValue"
    />
  </div>
</template>

<script setup>
import Child from './11-Child.vue'
import { ref, reactive } from 'vue'
const address = reactive({
  province: '江西',
  city: '赣州'
})

// let hobby = reactive(['洗脚', '按摩', '敲代码'])

let hobby = ref(['洗脚', '按摩', '敲代码'])

const getValue = newValue => {
  //   hobby = newValue
  hobby.value = newValue
}
</script>
